


<html>
<head>
<title>Section - simple</title>
</head>

<body>
<button onClick="mak.event('myEvent1')">event1</button>
<button onClick="mak.event('myEvent2')">event2</button>
<button onClick="mak.event('myEvent3')">event3</button>
<br/><br/>

Div1: <script type="text/javascript">
var mak = new Mak();
var _mak_event_to_id_= $H();
var _mak_idevent_to_type_= $H();
var _mak_page_url_ = '/tests/JspRedirector';

var _mak_page_params_ = {"Cactus_AutomaticSession":["true"],"Cactus_TestClass":["org.makumba.test.tags.ListOQLTest"],"Cactus_TestMethod":["testSectionSimple"],"Cactus_Service":["CALL_TEST"]};

mak.merge(_mak_event_to_id_, $H({"myEvent1":["div1"]}));
mak.merge(_mak_idevent_to_type_, $H({"div1___myEvent1":["reload"]}));
</script>
<div id="div1">div1 content</div><br/>
Div2: <script type="text/javascript">
mak.merge(_mak_event_to_id_, $H({"myEvent2":["div2"]}));
mak.merge(_mak_idevent_to_type_, $H({"div2___myEvent2":["show"]}));
</script>
<div id="div2" style="display:none;">div2 content</div><br/>
Div3: <script type="text/javascript">
mak.merge(_mak_event_to_id_, $H({"myEvent3":["div3"]}));
mak.merge(_mak_idevent_to_type_, $H({"div3___myEvent3":["hide"]}));
</script>
<div id="div3">div3 content</div><br/>
Div4: <script type="text/javascript">
mak.merge(_mak_event_to_id_, $H({"myEvent3":["div4"]}));
mak.merge(_mak_idevent_to_type_, $H({"div4___myEvent3":["reload"]}));
</script>
<div id="div4"> bart john</div><br/>

</body>
</html>